<template>
  <div class="page-spinner">
    <div class="page-title">Spinner</div>

    <mt-cell title="snake">
      <mt-spinner color="#26a2ff" type="snake"></mt-spinner>
    </mt-cell>

    <mt-cell title="double-bounce">
      <mt-spinner color="#26a2ff" type="double-bounce"></mt-spinner>
    </mt-cell>

    <mt-cell title="triple-bounce">
      <mt-spinner color="#26a2ff" type="triple-bounce"></mt-spinner>
    </mt-cell>

    <mt-cell title="fading-circle">
      <mt-spinner color="#26a2ff" type="fading-circle"></mt-spinner>
    </mt-cell>
  </div>
</template>
<script type="text/ecmascript-6">
  import Vue from 'vue';
  import Spinner from 'mint-ui/lib/spinner';
  import 'mint-ui/lib/spinner/style.css';

  import Cell from 'mint-ui/lib/cell';
  import 'mint-ui/lib/cell/style.css';

  Vue.component(Spinner.name,Spinner)
  Vue.component(Cell.name,Cell)


  export default {
        data() {
            return {}
        }
    }
</script>
